.index {
  background-image: url("../../images/index/background.png");
  background-size: cover;
  position: relative;
  .head {
    height: 500px;
    position: relative;
    .head-swiper {
      height: 100%;
    }
    .head-logo {
      position: absolute;
      width: 115px;
      left: 53px;
      top: 192px;
      height: 115px;
    }
    .head-img {
      width: 751px;
      height: 499px;
    }
    .head-more {
      position: absolute;
      font-weight: 400;
      height: 26px;
      font-size: 28px;
      color: #ffffff;
      right:32px;
      bottom: 77px;
    }
    .nav {
      width: 688px;
      height: 162px;
      position: absolute;
      bottom: -131px;
      left: 31px;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      background-color: #EBECEA;
      border-radius: 15px;
      .nav-bar {
        .nav-bar-icon {
          height: 86px;
          width: 86px;
        }
      }
    }
  }
  .content {
    margin-top: 200px;
    padding: 0 31px;
    .item-other {
      color: #345F47;
    }
    .tags {
      margin-bottom: 26px;
      height: 30px;
    }
  }
}
